<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center"><div class="table-first-id">ID</div></th>
            <th class="text-center" width="15%">资讯类型名称</th>
            <th class="text-center" width="25%">类型描述</th>
            <th class="text-center" width="25%">状态</th>
            <th class="text-center" width="25%">操作</th>
        </tr>
        </thead>
    </table>
    <div class="J_V_tabContent table-xScrollWrap">
        <table class="table table-bordered table-hover table-xs-content">
            <tbody id="tbodyArticleType" >
            <tr class="jqgfirstrow" role="row">
                <th class="text-center"><div class="table-first-id">&nbsp;</div></th>
                <th class="text-center" width="15%">&nbsp;</th>
                <th class="text-center" width="25%">&nbsp;</th>
                <th class="text-center" width="25%">&nbsp;</th>
                <th class="text-center" width="25%">&nbsp;</th>
            </tr>
            <tr th:if="${#lists.isEmpty(dataMap['list'])}">
                <td colspan="5" class="text-center">
                    <div class="noDataTipsBox">
                        <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
                    </div>
                </td>
            </tr>
            <tr th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="articleType:${dataMap['list']}" th:attr="data-id=${articleType['id']}">
                <td class="text-center">
                    <input type="checkbox" class="i-checks" name="articleTypeId" th:text="${articleType['id']}"/>
                </td>
                <td class="text-center" th:text="${articleType['typeName']}"></td>
                <td class="text-center" th:text="${articleType['depict']}"></td>
                <td  class="text-center status">
                    <span class="label label-info" th:if="${articleType['status']} == 1">正常</span>
                    <span class="label label-danger" th:if="${articleType['status']} == 2">禁用</span>
                </td>
                <td class="text-center">
                    <a href="javascript:void(0);" class="saveUpdateArticleType c-master fs14 ml5" th:attr="data-id=${articleType['id']}" data-toggle="tooltip" data-placement="bottom" data-original-title="编辑">
                        <i class="fa fa-edit"></i>
                    </a>
                    <a href="javascript:void(0);" class="unlockAndHistory c-master fs14 ml5" th:if="${articleType['status']} == 1" th:attr="data-id=${articleType['id']}" th:attrappend="data-status=${articleType['status']}" data-toggle="tooltip" data-placement="bottom" data-original-title="禁用">
                        <i class="fa fa-unlock-alt"></i>
                    </a>
                    <a href="javascript:void(0);" class="unlockAndHistory c-master fs14 ml5" th:if="${articleType['status']} == 2" th:attr="data-id=${articleType['id']}" th:attrappend="data-status=${articleType['status']}" data-toggle="tooltip" data-placement="bottom" data-original-title="恢复">
                        <i class="fa fa-history"></i>
                    </a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>
